開啟index.ejs，我們現在要增加一些DOM標籤，最常用的是division的縮寫，用來分割網站區塊，我們還會用到與，分別為heading與paragraph的意思，我們增加成以下的樣子：
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
<h1><%= title %></h1>
<p>Welcome to <%= title %></p>
<div>
<!-- 新增在<div>的內容 -->
<h2>鐵人30天 h2代表heading標題樣式2</h2>
<p>p代表段落文字 paragraph of text</p>
</div>
</body>
</html>
存檔，執行伺服器，開啟瀏覽器輸入網址，應該會看到：
我們在div區塊裡面增加了與，可以看到這個區塊裡面有兩個不同的預設樣式呈現，會有這樣的預設屬性是方便使用也方便程式碼閱讀管理，一眼可看出哪些是標題，哪些是內容文字。
我們再新增一些div：
<body>
<h1><%= title %></h1>
<p>Welcome to <%= title %></p>
<div>
<!-- 新增在<div>的內容 -->
<h2>鐵人30天 h2代表heading標題樣式2</h2>
<p>p代表段落文字 paragraph of text</p>
<!-- 以下新增第二個<div> -->
<div>
<h3>鐵人30天 h3是更小一點的大標題</h3>
<p>p一樣是代表文字喔！</p>
</div>
</div>
</body>
存擋，開啟網頁看看
Wow!開始有蓋網站的感覺了對吧！可是...兩個div差在哪呢？
iThome鐵人賽
看影片追技術